<template>
  <div id="app">
  <headers />
 <router-view />
 <!-- <bottom-fooder/> -->
  </div>
</template>

<script>
export default {
  name: "App",
  data: () => ({
    screenWidth: document.documentElement.clientWidth, //屏幕宽度
    screenHeight: document.documentElement.clientHeight, //屏幕高度
  }),
  watch: {
    screenWidth: function (val) {
      //监听屏幕宽度变化
      //  if(val<800){
        //  window.location.href="https://webapi.twoour.com/index.html#/"
      //  }
      // var oIframe = document.getElementById(app);
      // oIframe.style.width = Number(val) - 120 + "px"; //'120'是页面布局调整，可去除
    },
    screenHeight: function () {
      //监听屏幕高度变化
      // var oIframe = document.getElementById(app);
      // oIframe.style.height = Number(val) - 120 + "px"; //'120'是页面布局调整，可去除
    },
  },
  mounted() {
    var _this = this;
    window.onresize = function () {
      // 定义窗口大小变更通知事件
      _this.screenWidth = document.documentElement.clientWidth; //窗口宽度
      _this.screenHeight = document.documentElement.clientHeight; //窗口高度
    };
  }, 
};
</script>
<style>
body,
html {
  width: 1920px !important;
  min-width: 1920px !important;
  max-width: 1920px !important;
  margin: 0 auto;
}
* {
  margin: 0;
  padding: 0;
}
::-webkit-scrollbar {
  width: 0px;
}
</style>
